@import url(../font/SourceHanSans-Regular.css);

html,body{margin:0;padding:0;box-sizing: border-box;font-size: 14px;}

a{ text-decoration:none;font-size:16px;color:#000}

li{list-style: none;}

a:hover {text-decoration: none;}

p, dl, dt, dd, ul {	margin: 0px;padding: 0px;}

.top{height:40px;line-height: 40px;text-align: right;padding-right: 30px; background: #fff;z-index:1000;width: 100%;}

.top i{display: inline-block;width:30px;height:20px;background: url(../images/tel.png) no-repeat;}

.top span{color:#808080;}

.top red{color: #c91c27;font-weight: bold;}

.fixed-top{top:40px;}

.fl{float:left}

red{color:#c91c27}

.fr{float:right;}

.pbf{background:#ececec;height: 560px;}

.clearfix{clear: both;}

.m30{margin:30px auto;}

.menu{width:100%;border-top: 1px solid #e9e9e9;overflow: hidden}

.logo{float:left;height: 105px;line-height: 105px; vertical-align: middle;overflow:hidden}

.menu ul{float:right;padding:0;margin:0;}

.menu ul li{float:left;height: 105px;   line-height: 105px;   width: 130px;   text-align: center;}

.menu .active{background:#c91c27;}

.menu .active a{color:#fff;}

.menu ul li a{color:#0e0f11;}

.search{background:url(../images/search.png) no-repeat;background-position-y: 51px;background-position-x: 45%;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}

.souuo{ width:100%; height:100%; position:fixed; background:#000;top:0; opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8; z-index:10000; display:none}

.searchbox{width: 50%;position: fixed;top: 169px;left: 50%;margin-left: -25%;height: 68px;border: 1px solid #535353;z-index: 10001; display:none}

.stextx{border: none; background: none; font-size: 36px;  color: rgb(167, 167, 167);  height: 48px; line-height: 48px; padding: 16px 2% 15px; width: 80%; float:left;border: none;outline: none;}

.sbutx{border: none; width: 7%; margin-right: 1%; height: 68px; background: url("../images/ico_115.png") no-repeat center; background-size: 50% auto; min-width: 40px; float:right; cursor:pointer}

.close-search{ display: block; width: 37px; height: 37px; background: url("../images/ico_116.png") no-repeat center; position: fixed; right: 3%;top: 50px;cursor: pointer; z-index: 10001; display:none}

.navbar-light .navbar-nav .nav-link{color:#0e0f11}

.w1920{max-width:1680px;margin:0 auto;padding:0;}

.banner{width: 100%;padding:0;margin:0;}

.banner img{max-width: 100%;width:auto;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../images/btn-prev.png);}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../images/btn-next.png);}

.swiper-button-next, .swiper-button-prev{width:50px;height:50px;background-size:50px 50px;}

.cat{padding: 0;display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between;overflow: hidden}

.cat>li{width: 20%;text-align: center;padding:20px;}

.cat>li img{width:100%;}

.cat>li p{font-size: 20px;}

.cat>li p a{color:#191919}

.cat>li span{display: block;color:#665;font-family: arial;}

.cat>li:hover a{color:#c91c27}

.bf{background:#f5f5f5;width: 100%;padding:40px 0;height: 1400px;}

.pro-l{float:left;}

.pro-l strong{font-size: 32px;display: inline;}

.pro-l span{color:#545454;font-size: 24px;font-family: arial;padding-left:10px; text-transform:uppercase}



.pro-r{float:right;height: 80px;}

.pro-r .nav-tab{width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #dedede;display: inline-block}

.pro-r .nav-tab>li{float:left;width:80px;padding:0 1%}

.pro-r .active{border-bottom:3px solid #c91c27;height:49px;}

.tab-content{height:500px;box-sizing:border-box;clear:both}

.tab-content ul,.tab-content>.active{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}

.tab-content ul li{background: #fff;width:25%;margin:1%;padding:20px;text-align: center;}

.tab-content ul li h3{text-align: center}

.tab-content ul li p{height:40px;line-height:40px;width:40%;text-align: center;margin:30px auto}

.tab-content .pimg{height:200px;overflow: hidden;}

.tab-content .pimg img{max-width: 100%;width:auto;max-height: 100%;height:auto;}

.tab-content ul li a{color:#666;font-size: 15px;}

.tab-content ul li:hover p{border-radius: 25px;background: #c91c27}

.tab-content ul li:hover a{color:#fff;}

.about{overflow: hidden}

.aboutimg{float: left;width:46%;height: 521px;overflow: hidden}

.aboutimg img{max-width: 100%;width: auto;}

.abouttxt{float:left;width:53%;padding:5%;background: #fff;overflow: hidden;}

.abouttxt span{font-size: 24px;color:#888;display: block;padding-bottom: 20px;}

.abouttxt strong{font-size: 55px;color:#333;font-weight: normal}

.abouttxt p{font-size: 18px;color: #333; word-wrap: break-word;word-break: break-all;padding:60px 0}

.abouttxt .more{float:left;width:180px;height:48px;line-height: 48px;text-align: center;border-radius: 20px;border:2px solid #000;}

.abouttxt .more a{color:#000;font-family: arial;}

.abouttxt .tel{float:left;padding-left:30px;height: 48px;}

.abouttxt .tel span{font-size: 24px;color:#c91c27;padding:0;display: block;}



.indexabout{height: 270px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;margin-top:-170px;overflow: hidden;}

.indexabout>li{width:49.5%; position: relative;}

.indexabout>li img{width: 100%;}

.indexabout>li span{margin-top:-37%;display: block;font-size: 22px;font-family: arial;color:#fff;position: absolute;padding-left: 20px;}

.indexabout>li p{margin-top:-31%;font-size: 18px;color:#fff;position: absolute;padding-left: 20px;}

.indexabout>li:hover span,.indexabout>li:hover p{color:#c91c27;}

.indexnews{margin-top:50px;}

.indexnews .more{float:right;width:180px;height:48px;line-height: 48px;text-align: center;border-radius: 20px;border:2px solid #000;}

.indexnews .more a{color:#000;font-family: arial;}

.indexnews ul{width:100%;display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;clear: both;padding-top:20px;overflow: hidden}

.indexnews ul li{width:24%;border-right:1px solid #dedede;padding: 2%;}

.indexnews ul li:nth-child(1){padding-left:0;}

.indexnews ul li:nth-child(4){border-right:none;}

.indexnews ul li h3{font-size: 20px;height:50px;}

.indexnews ul li h3 a{color:#333;font-size:20px;font-weight: 300}

.indexnews ul li p{font-size: 15px;color:#666;height:150px; vertical-align: text-bottom;}

.indexnews ul li span{color:#888;font-size: 15px;display: inline-block}

.indexnews ul li:hover a{color:#c91c27}

.indexnews .s22{font-size: 22px;}

.indexnews .s22 a{color:#888;font-size: 22px;}

.foot{background:#272727;width: 100%;height:350px;padding:70px 0 25px 0;overflow: hidden}

.foot dl{float:left;width:14%;margin:1%;overflow: hidden}

.foot dl dt{border-bottom:1px solid #3a3a3a;height:45px;line-height: 45px;color:#e1e1e1;margin-bottom: 10px;font-size: 18px}

.foot dl dd{height: 30px;line-height: 30px;text-align: left;font-size: 15px;color: #afafaf;}

.foot dl dd a{font-size: 15px;color: #afafaf;}

.foot dl p{width:50%;color:#afafaf;display: inline-block;text-align: center;padding-top:10px;}

.foot dl p:nth-child(3){padding-left:30px;}

.foot dl img{max-width: 100%;width:auto;}

.bottom{background:#272727;height:104px;border-top:1px solid #3a3a3a;line-height: 104px;text-align: center;width: 100%;clear: both;display: block;color: #afafaf;}

.bottom a{color: #afafaf;}



.nabout{margin-top:30px;}

.nabout h1{color:#333;font-size:30px;text-align: center}

.nabout ul{display: flex;display:-webkit-flex; justify-content:center;-webkit-justify-content:center;}

.nabout ul li{margin:20px;width:140px;height:45px;line-height:45px;border-radius: 25px;text-align: center;border:1px solid #d8d8d8;}

.nabout .active{background:#c91c27;}

.nabout a{color:#333;}

.nabout .active a{color:#fff;}

.about-l{width:49%;float:left;}

.about-l img{max-width: 100%;width:auto;}

.about-r{width:49%;float:right;}

.about-r em{font-style: normal;font-size: 32px;color:#333;display: block;font-weight: bold;height:50px;}

.about-r p{display:inline-block;font-size:24px;color: #666;}

.about-r small{background:#d7d7d7;height:1px;width:60%;display: inline-block;margin-left:20px;margin-top:-10px}

.about-r .cont p{color: #555;font-size: 15px;line-height:35px;margin-top:10px;}

.contact{margin-top:30px}

.contact h1{color:#333;font-size:30px;text-align: center}

.contact-l{width:30%;float: left;}

.contact-l h3{font-size: 26px;color:#333;}

.contact-l .line{height:2px;background: #c91c27;width:100px;}

.contact-l p{height:20px;line-height:18px;margin:10px 0;}

.contact-l i{width: 17px;height:20px;background: url(../images/ico.png);display: inline-block;margin-right:10px;}

.contact-l p:nth-child(4) i{background-position: 0 -6px;}

.contact-l p:nth-child(5) i{background-position: 0 -40px;}

.contact-l p:nth-child(6) i{background-position: 0 -76px;}

.contact-l p:nth-child(7) i{background-position: 0 -110px;}

.contact-l p:nth-child(8) i{background-position: 0 -143px;}

.contact-l p:nth-child(9) i{background-position: 0 -175px;}

.contact-l p:nth-child(10) i{background-position: 0 -210px;}

.contact-r{width:65%;float:right;}

.contact-r input{float:left;border:1px solid #ddd;background:#fafafa;height:40px;line-height:40px;padding:0 15px;width:32%;color:#666;margin-bottom:15px;}

.contact-r input:nth-child(2){margin:0 20px;}

.contact-r label{color: #c91c27;float:left;}

.contact-r textarea{border:1px solid #ddd;background:#fafafa;height:100px;padding:10px;margin-bottom:15px;}

.contact-r .submit{width:80px;height: 40px;line-height: 40px;text-align: center;color:#fff;background: #c91c27}

.contact-r button{border:none;outline: none;margin-left: 20px;}

.contact-r .checkcode{width: 100px;}

.contact-r .w100{width:100% !important;}



.prolist-l{width:19%;float: left;}

.prolist-l .t{height: 60px;line-height:60px;padding:0 20px;border-top-right-radius: 20px;border-top-left-radius: 20px;background:#272727;font-weight: bold;color:#fff;font-size:18px;}

.prolist-l ul{border:1px solid #e0e0e0;padding:0 0 20px 0;}

.prolist-l ul li{height: 54px;line-height: 54px;border-bottom:1px dashed #ececec;padding-left:20px;}

.prolist-l ul li a{font-size:14px;color:#333;}

.prolist-l .active a{color:#c91c27}

.prolist-l .b{border:1px solid #e0e0e0;padding:20px;margin-top: 30px;color:#666;height:120px}

.prolist-l .b p:nth-child(3){padding-left:10px}

.prolist-l .b span{color:#c91c27;font-size:18px}

.prolist-r{width:78%;float: right;}

.prolist-r .t{height: 60px;line-height:60px;padding:0 20px;border-bottom:2px solid #cbcbcb;font-weight: bold;color:#333;font-size:25px;}

.prolist-r .t em{font-size:18px;}

.prolist-r span{font-size: 14px;color:#888;font-weight:normal}

.prolist-r .t a{color:#888;font-size: 14px;}



.prolist{margin-top:30px;}

.prolist ul{padding:0;margin:0;}

.prolist ul li{float:left;width:23%;margin:1%;height:280px;border:1px solid #e0e0e0;text-align: center}

.prolist ul li p{height:48px;line-height: 48px;text-align: center;background:#e0e0e0;}

.prolist ul li a{color:#333;}

.prolist ul li:hover p{background:#c91c27}

.prolist ul li:hover a{color:#fff;}

.prolist .pimg{height: 230px;line-height: 230px; vertical-align: middle;}

.prolist .pimg img{max-width: 100%;width: auto;max-height: 100%;height: auto;}

.crom{height: 60px;line-height: 60px;background:#fff;}

.crom span{font-size: 14px;color:#888;font-weight:normal}

.crom a{color:#888;font-size: 14px;}

.pview-l{width: 48%;float:left;margin-top:30px;}

.pview-l .gallery-top{width:80%;float:right;border: 1px solid #e0e0e0;box-shadow: 0 3px 5px rgba(0,0,0,.075)!important;height:500px;line-height: 500px; vertical-align: middle;text-align: center;background: #fff;}

.pview-l .gallery-top .swiper-slide img{max-width: 100%;width:auto;max-height: 100%;height:auto;}

.pview-l .gallery-thumbs{width:140px;float: left;height: 400px;}

.pview-l .gallery-thumbs .swiper-wrapper{display: block;display:-webkit-block;box-sizing: border-box;}

.pview-l .gallery-thumbs .swiper-slide{height:auto;margin-bottom:10px;}

.pview-l .gallery-thumbs .swiper-slide img{width:140px;}

.pview-r{width:49%;float:right;margin-top:30px;}

.pview-r h1{font-size:32px;color:#c91c27;}

.pview-r h4{font-size: 18px;color:#333;height:80px;line-height: 80px;border-bottom: 1px dashed #cbcbcb;padding:10px 0;width: 100%;font-weight:bold}

.pview-r p::before{content:"• ";}

.pview-r p{font-size:16px;color:#333;min-height:25px;line-height: 25px;}

.pview-r .cc{max-height:230px;margin:20px 0; }

.pview-r span{display: block;height: 48px;line-height: 48px;width:180px;background:#c91c27;text-align: center;}

.pview-r a{color:#fff;}

.pview{width:100%;clear:both;}

.pview .t{height:60px;line-height: 60px;color:#555;margin-top:30px;font-size:30px;border-bottom:2px solid #c91c27;}



.newslist{margin-top:30px;}

.newslist ul li{height:130px;margin:10px auto;width:100%;border-bottom: 1px dashed #afafaf;}

.newslist ul li h3{font-weight:bold;height:40px;line-height: 40px;}

.newslist ul li a{color: #272727;font-size:18px;}

.newslist ul li p{height:90px;line-height: 25px;color:#3a3a3a;}

.newslist ul li span{color: #afafaf}

.ncont p{line-height:25px;}

.mmenu{height:62px;margin:10px;display:none;overflow: hidden}

.mlogo{display: block;height:62px;}

#navToggle {

	display: none;margin-top:10px;

}

.mmenu #navToggle span, .mmenu #navToggle span:before, .mmenu #navToggle span:after { width:40px;height:3px;margin-top:5px; -webkit-transition: .3s;   -moz-transition: .3s;  -o-transition: .3s;  transition: .3s;   display: block;  background: #4f4f4f;

}

.m_nav {position: fixed;top: 0;box-shadow: 0 15px 27px 0 rgba(167,165,165,.38);width: 100%;height: 100%;background: #fff;transition: all ease .5s;-webkit-transition: all ease .5s;

	z-index: 1000;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transform: translateX(100%)

}

.m_nav .active{margin-top:20px;height:50px;}

.m_nav.open {	transform: translateX(0)}

.m_nav .top1 {	height: 20px;	padding:10px 20px;	box-sizing: border-box}

.m_nav .top1 .closed {	width: 30px;	height: 30px;	vertical-align: middle;	float: right;	cursor: pointer}

.m_nav .logo {	width: 100%;	margin: 0 auto}

.m_nav .logo img {height: 50px;display: block;	margin: 30px auto}

.m_nav .ul {margin-top: 140px}

.m_nav .ul li {	padding: 0 20px;border-bottom: 1px solid #f5f5f5;}

.m_nav.open .ul li {opacity: 1;}

.m_nav .ul li a {	display: block;text-decoration: none;	color: #333;	font-size: 16px;	height: 50px;	line-height: 50px;	width: 100%}

.m_nav .ul li .dropdown_menu {display: none}

.m_nav .ul li.dropdown.active .dropdown_menu {display: block}

.m_nav .ul li .dropdown_menu a {display: block;	height: 50px;	line-height: 50px;	padding: 0 40px;box-sizing: border-box;	border-bottom: 1px solid #f5f5f5;}

.m_nav .ul li .dropdown_menu a:last-child {	border: 0}

.magnify-modal {

    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);

  }



  .magnify-header .magnify-toolbar {

    background-color: rgba(0, 0, 0, .5);

  }



  .magnify-stage {

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-width: 0;

  }



  .magnify-footer .magnify-toolbar {

    background-color: rgba(0, 0, 0, .5);

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

  }



  .magnify-header,

  .magnify-footer {

    pointer-events: none;

  }



  .magnify-button {

    pointer-events: auto;

  }

  .image-set ul{display: flex;display: -webkit-flex;justify-content:  flex-start ;-webkit-justify-content: flex-start ;flex-wrap: wrap;-webkit-flex-wrap:wrap;}

  .image-set ul li{width:20%;border:none;margin:10px auto;text-align:center;height:225px;line-height: 225px; vertical-align: middle;border-radius: 0;overflow: hidden}

  .image-set ul li img{max-width: 100%;width: auto;max-height: 100%;height: auto;}



  .page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }

  .page span{margin:5px 0; display: inline-block}

  .page a { color:#333; background:#f1f1f1; margin:0 5px; padding:0 15px; line-height:40px; display: inline-table; }

  .page a:hover { background:#c91c27; color:#fff; border-radius:0px;}

  .page a:active {  background:#c91c27; color:#fff; border-radius:0px;}

  .page a.page-num-current { background:#c91c27; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

  .page span.current { background:#c91c27; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

  .page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

  .page span.disabled { padding:0 9px 0 0px; }

@media  screen and (max-width:1440px){

    .w1920{max-width:1360px}   

    .menu ul li{width: 100px;}

    .bf{height:1200px}

    .tab-content{height:470px;}

    .tab-content ul li p{width:60%}

    .aboutimg{height:auto;}

    .indexabout{margin-top:-130px;height: auto;}

    .abouttxt p{padding:28px 0;}

    .foot dl:nth-child(5){width: 16%}

    .foot dl:nth-child(5) dd{height:auto;}

    .foot dl img{max-width: 100%;width:auto;    display: block;}

    .foot dl p{width:50%}

    .foot dl p:nth-child(3){padding-left:5%;}

    .about-r .cont p{line-height:30px;}

    .contact-r input{width:31%}

    .pview-l .gallery-top{width:76%}

    .image-set ul li{width:18%;margin:10px;}

}

@media  screen and (max-width:1300px){

    .w1920{max-width:1220px;}   

    .menu ul li{width: 80px;}

    .prolist-l .b span{font-size:14px;}

    .foot dl:nth-child(5) dd{height:auto;line-height: 20px;font-size:14px;}

    .abouttxt strong{font-size:40px;}

    .abouttxt p{padding:22px 0;}

}

@media  screen and (max-width:1230px) and (min-width:1101px){

  .bf {   height: 1130px;}

  .abouttxt strong{font-size:33px;}

  .abouttxt p{font-size:14px;}

  .pview-l{width:54%;}

  .pview-r{width:43%}

  

}

@media screen and (max-width:1100px) and (min-width:769px){

  .logo{float:none;text-align: center}

  .menu ul{width:100%;border-top:1px solid #e9e9e9;display:-webkit-flex;display: flex;}

  .menu ul li{width:auto;flex: 1}

  .prolist-l .b p:nth-child(2){display: none;}

  .prolist-l .b p:nth-child(3){padding-left:0;}

  .tab-content{height:410px;}

  .tab-content ul li h3{height:50px;}

  .tab-content .pimg{height:120px;}

  .tab-content ul li p{width:80%}

  .pbf{height:670px;}

  .bf{height:1050px;}

  .abouttxt{padding:3%}

  .abouttxt strong{font-size:30px;}

  .abouttxt p{font-size:14px;}

  .indexnews ul li p{font-size: 14px;}

  .pview-l .gallery-top{width:100%}

  .pview-l .gallery-thumbs{height:95px;margin-top:20px;width:100%}

  .pview-l .gallery-thumbs .swiper-slide {width:128px;height: 95px;background:#fff;text-align: center;margin-right:10px;}

  .pview-l .gallery-thumbs .swiper-slide img{max-width:100%;width:auto;max-height:100%;height:auto;}

  .pview-l .gallery-thumbs .swiper-wrapper{display: flex;}

}

@media  screen and (max-width:768px){

    #navToggle {     display: block  }

  .top{display:none;}

  .menu{display:none;}

  .mmenu{display: block;}

  .cat>li{padding:10px;}

  .cat>li p{font-size: 13px;}

  .cat>li span{font-size:12px;}

  .pro-l strong{font-size: 18px;}

  .pro-l span{font-size: 16px;}

  .tab-content{height:auto;}

  .tab-content ul {flex-wrap: wrap;}

  .tab-content ul li{width:48%;}

  .tab-content .pimg{height:110px;}

  .tab-content ul li p{width: 80%}

  .bf{height: 100%}

  .aboutimg{width:100%;}

  .abouttxt{width:100%}

  .abouttxt strong{font-size:30px;}

  .indexabout{margin-top:0;flex-wrap: wrap;-webkit-flex-wrap:wrap;height:auto;}

  .indexabout>li{width: 100%;margin:10px 0;}

  .indexnews .more{height:30px;line-height: 30px;}

  .indexnews ul{flex-wrap: wrap;-webkit-flex-wrap:wrap;height:auto;}

  .indexnews ul li{width:48%}

  .indexnews ul li h3 a{font-size:17px;}

  .indexnews ul li p{font-size:13px;margin-top:10px;}

  .indexnews ul li:nth-child(1){padding-left:1%}

  .foot{padding:15px 0;}

  .foot dl{display: none;float:none;}

  .foot dl img{margin:0 auto;}

  .foot dl dt{text-align: left;}

  .foot dl dd{text-align: center;}

  .foot dl:nth-child(5) dd{font-size:16px;height:30px;line-height:30px;}

  .foot dl:nth-last-child(1),  .foot dl:nth-last-child(2){display: block;width: 100%;text-align: center}

  .foot dl p{width:20%}

  .bottom{line-height:30px;}

  .foot dl p:nth-child(3){padding-left:0%}

  .nabout ul li{margin:20px 5px;}

  .about-l{width:100%}

  .about-r{width:100%;padding:0 10px;}

  .image-set ul li{margin:10px 5px;width:47%;height:140px;line-height: 140px;}

  .prolist-l{width:100%}

  .prolist-l ul{height: auto;padding:0;}

  .prolist-l ul li{width:50%;float: left;}

  .prolist-l .b{display: none;}

  .prolist-r{width:100%;margin-top:-10px;}

  .prolist ul li{width:48%;}

  .prolist-r .t{padding:0 10px;}

  .prolist-r h1{text-align: center}

  .pbf{height:850px;}

  .pview-l,.pview-r{width:100%;}

  .pview-r{padding:0 20px;margin-top:10px;}

  .pview-r h4{height: 40px;   line-height: 13px}

  .pview-l .gallery-thumbs{height:95px;margin-top:20px;width:100%}

  .pview-l .gallery-thumbs .swiper-slide {width:128px;height: 95px;background:#fff;text-align: center}

  .pview-l .gallery-thumbs .swiper-slide img{max-width:100%;width:auto;max-height:100%;height:auto;}

  .pview-l .gallery-thumbs .swiper-wrapper{display: flex;}

  .pview-l .gallery-top{width: 100%}

  .pview .t{font-size:24px;}

  .contact-l{width:100%;padding:0 20px}

  .contact-r{width:100%;padding:0 20px;}

  .contact-r input:nth-child(2){margin:0 1%;}

  .newslist ul li{padding:0 20px;height:160px;}

  .ncont{padding:0 20px;}

  .pview img{width:100%}

  .smshadow {    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}

}

@media  screen and (max-width:380px){

  .pro-r{width: 100%;}

  .pro-r .nav-tab>li{width:19%;}

  .tab-content ul li h3{font-size:17px;height:40px;}

  .pview img{width:100%}



}